/**
 * 布局文件
 *    任何路由都是它的子路由，需要通过 Outlet 渲染子路由
 */
import { Link, Outlet } from "umi";

/**
 * CSS Modules 写法
 *    对 CSS Modules 做了一个额外的支持，文件名不需要包含 module 这个单词
 *      1. 当你直接引入时，就是普通引入  import './index.less' 是全局样式
 *      2. 当你通过变量接受的方式引入时，就是 CSS Modules 的方式
 */
import styles from "./index.less";

export default function Layout() {
  return (
    <div className={styles.navs}>
      <ul>
        <li>
          <Link to="/">Home</Link>
        </li>
        <li>
          <Link to="/docs">Docs</Link>
        </li>
        <li>
          <a href="https://github.com/umijs/umi">Github</a>
        </li>
      </ul>
      <Outlet />
    </div>
  );
}
